<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE>
<html>

<head>
	<meta charset="utf-8">
	<title>公司OKR</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../css/mui.css">
	<link rel="stylesheet" type="text/css" href="../css/app.css" />
	<link rel="stylesheet" href="../css/icons-extra.css">
	<link rel="stylesheet" type="text/css" href="../css/public2.css" />
	<link rel="stylesheet" href="../css/iconfont.css" />
</head>

<body>

<div style="display:none;">
<%=System.currentTimeMillis()%>
<%
	request.setAttribute("decorator", "none");
	response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
	response.setHeader("Pragma","no-cache"); //HTTP 1.0
	response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>
<img src="../img/logo.jpg">
</div>


<!-- 查询弹出层 -->
<div id="search" class="mui-popover" style="position: fixed;">
	<form class="mui-input-group" id="orgfindpage" style="width: 100%;">
		<table style="width: 56%; margin-top: 15px; margin-bottom: 10px;" align="center" class="orgfind">
			<tr>
				<td width="38%">
				<label style="">年度：</label>
				</td>
				<td>
					<select style="width: 59%; height: 35px;" id="year1">
						<option value="请选择">请选择</option>
						<c:forEach items="${sessionScope.years }" var="item">
							<option value="${item }">${item }</option>
						</c:forEach>
					</select>
				</td>
			</tr>
			<tr>
				<td><label style="">季度：</label></td>
				<td>
					<select style="width: 59%; height: 35px;" id="quarter1">
						<option value="Q0">请选择</option>
						<option value="Q0">全选</option>
						<option value="Q1">一季度</option>
						<option value="Q2">二季度</option>
						<option value="Q3">三季度</option>
						<option value="Q4">四季度</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><label style="">月度：</label></td>
				<td>
					<select style="width: 59%; height: 35px;" id="month1">
						<option value="0">请选择</option>
						<option value="0">全选</option>
						<option value="1">1月</option>
						<option value="2">2月</option>
						<option value="3">3月</option>
						<option value="4">4月</option>
						<option value="5">5月</option>
						<option value="6">6月</option>
						<option value="7">7月</option>
						<option value="8">8月</option>
						<option value="9">9月</option>
						<option value="10">10月</option>
						<option value="11">11月</option>
						<option value="12">12月</option>
					</select>
				</td> 
			</tr>
		</table>
		<div class="mui-button-row">
		<button type="button" id="btn_search" class="mui-btn mui-btn-primary"
			onclick="getSubset();">查询</button>
		</div>
	</form>
</div>
<!--查询弹出层-->

<!--组织列表弹出层-->
<div id="orglayer" class="" style="height:100%;">
	<div style="position:relative;left:100%;width:20%;height:5%;">
        <img id="closebtn" style="margin-top:2%;box-shadow:0 0 20px #ccc;" src="../img/x.png">
	</div>
	<div class="menuTree" style="height:10%;">
		<div><span>中软国际</span></div>
	</div>
	<div id="" class="" style="overflow: scroll;position: relative;height:85%;">
	    <div class="mui-scroll">
			<div id="menuTree" class="menuTree"></div>
	    </div>
	</div>
</div>
<!--组织列表弹出层-->


<header class="mui-bar mui-bar-nav">
	<a id="orgbtn" class="mui-icon mui-icon-contact mui-pull-left" style="line-height: 26px;font-size: 20px;color:#007aff;"><span style="font-size: 17px;color:#007aff;">组织</span></a>
	<h1 class="mui-title">公司OKR列表</h1>
	<a href="#search" class="mui-icon mui-icon-search mui-pull-right" style="line-height: 26px;font-size: 20px;color:#007aff;"><span style="font-size: 17px;color:#007aff;">查询</span></a>
</header>
	
	
<div class="mui-content">

<!-- 	<div class="mui-card border_radius" > -->
<!-- 	<ul class="mui-table-view">  -->
<!--         <li class="mui-table-view-cell "> -->
<!--             <a id="msg"></a> -->
<!--         </li> -->
<!-- 	 </ul> -->
<!--    	 </div> -->
		
		    
	<div class="mui-card border_radius" >
	<ul class="mui-table-view"> 
        <li class="mui-table-view-cell mui-collapse mui-active">
            <a class="mui-navigate-right" href="#" style="text-align:left;" id="msg"></a>
            <div class="mui-collapse-content">
           	<table style="width:98%;">
           		<thead>
           			<tr style="height:40px;">
           				<td style="width:25%;">姓名</td>
           				<td style="width:42%;">职位</td>
           				<td style="width:33%;">岗位序列</td>
           			</tr>
           		</thead>
           		<tbody id="list"> </tbody>
           	</table>
            </div>
        </li>
    </ul>
	</div>
			
	<div class="mui-card border_radius" >
	<ul class="mui-table-view"> 
        <li class="mui-table-view-cell mui-collapse mui-active">
            <a class="mui-navigate-right" href="#" style="text-align:left;">子组织</a>
            <div class="mui-collapse-content" id='child'></div>
        </li>
    </ul>
	</div>

	<div style="height:10px;">&nbsp;</div>
	<hr>
	<center><p>&copy;2016~2017 中软国际信息技术有限公司</p></center>
	<div style="height:30px;">&nbsp;</div>
	
</div>
	
<script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="../js/tree.js"></script>
<script src="../js/mui.js"></script>
<script>
	var orglayer = document.getElementById("orglayer");
	var orgbtn = document.getElementById("orgbtn");
	var closebtn = document.getElementById("closebtn");
	orgbtn.onclick = function(){
		orglayer.className = "rhua";
	}
	
	closebtn.onclick = function(){
		orglayer.className = "lhua";
	}
	
	var orgCode = "${requestScope.orgCode}";
	var orgName = "${requestScope.orgName}";
	//当前登录的员工编号
	var memberCode = "${requestScope.memberCode}";
	
	var tree_url = "tree?memberCode="+memberCode+"&orgCode=";
	tree(${sessionScope.tree });
	
</script>

<script src="../views-js/com/com_okr.js?<%=System.currentTimeMillis()%>.js>"></script>

</body>

</html>